<template>
    <div v-bind:class="msg">test</div>
    <div :class="msg">test2</div> <!-- 简写 -->
    <button :disabled="is_button_disabled">a button</button>
    <div v-bind="multi_attr">test3</div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'active',
      is_button_disabled: false,
      multi_attr: {
        id: "container",
        class: "wrapper",
      },
    }
  }
}
</script>

<style scoped>
.active {
  color: red;
}
</style>
